<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
  <head>
    <meta http-equiv="Content-Type" content="application/xhtml+xml; charset=utf-8" />
    <title>h(@art_name)</title>
    <link rel="stylesheet" href="../Styles/style001.css" type="text/css" />
  </head>
  <body>
    <div class='artist'>
      <h2><%=h(@art_name)%></h2>
    </div>
    <div class="list_albums">
      <ul>
      <% @albums.each_with_index do |album, index_album| %>
        <li><a href='#album_<%=index_album%>'><%=h(album.title)%></a></li>
      <% end %>
      </ul>
    </div>
    <% @albums.each_with_index do |album, index_album| %>
    <div class='album'>
        <a name='album_<%=index_album%>'>
          <h3><%=h(album.title)%></h3>
        </a>
      <div class='list_album_songs'>
        <ol>
        <% album.lyrics.each_with_index do |lyric,lyric_index| %>
          <% unless lyric.text.nil? %>
            <li><a href='#album_<%=index_album%>_#_<%=lyric_index%>'><%=h(lyric.title)%></a></li>
          <% else %>
            <li><%=h(lyric.title)%>&nbsp;(missing)</li>
          <% end %>
        <% end %>
        </ol>
      </div>
       <br />

        <% album.lyrics.each_with_index do |lyric,lyric_index| %>
          <% unless lyric.text.nil? %>
          <div class="song">
            <a name='album_<%=index_album%>_#_<%=lyric_index%>'>
              <h4><%=h(lyric.title)%></h4>
            </a>
            <br />
            <%= lyric.html_text %>
            <br />
            &nbsp;&nbsp;&nbsp;<a href="#album_<%=index_album%>">^</a>
          </div>
          <% end %>
        <% end %>
        <br />
    </div>
    <% end %>
    
  </body>
</html>
